<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>同城</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/tongcheng.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	</head>
	<body>
		<!--第二部分 轮播图-->
		<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="###"><img src="img/1.jpg"/></a></div>
        <div class="swiper-slide"><a href="###"><img src="img/2.jpg"/></a></div>
          <div class="swiper-slide"><a href="###"><img src="img/积分.jpg"/></a></div>
        <div class="swiper-slide"><a href="###"><img src="img/3.jpg"/></a></div>
        <div class="swiper-slide"><a href="###"><img src="img/4.jpg"/></a></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>
		<!--第三部分商品部分-->
		<div class="y_conten">
			<!--热卖部分-->
			<div class="y_hold">
				<img src="img/dxg-img-1.png" alt="" />
				<img src="img/dxg-img-2.png"/>
				<img src="img/dxg-img-3.png"/>
				<img src="img/dxg-img-4.png"/>
			</div>
			<!--分类部分-->
			<div class="y_conten_list">
				<span>分类:</span>
			    <a class="yone">全部</a>
				<a>餐饮</a>
				<a>酒店</a>
				<a>休闲</a>
				<a>电影</a>
				<a>汽车装饰</a>
				<a>家政服务</a>
			</div>
			<!--销量价格-->
			<div class="eva">
				<span>销量</span>
				<span>
					<select name="">
						<option value="价格">价格</option>
					</select>
				</span>
				<span>评分最高</span>
			</div>
			<!--总内容部分-->
				<ul class="y_tongcheng">
					<li>
						<img src="img/蟹.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/排骨.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/牛肉.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/肉卷.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/蟹.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/排骨.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/蟹.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/牛肉.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/蟹.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/蟹.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/蟹.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
					<li>
						<img src="img/蟹.png" alt="" />
						<h4>阳澄湖大闸蟹</h4>
						<div>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/五角心.png"/>
							<img src="img/灰色五角心.png"/>
							<span>¥62/人</span>
						</div>
						<p>浙江省台州市温岭市人民路2号</p>
					</li>
				</ul>
				<!--底部的分页效果-->
				<div class="y_page"><ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page">	
				</ul></div>
		</div>
	</body>
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/首页.js" type="text/javascript" charset="utf-8"></script>
	</script>
</html>
